body {
	overflow-x:hidden;
}
.slider { margin:0em!important;}
	.flex-caption {
		width: 100%;
      	padding:20px 5% 20px 5%;
      	left: 0;
      	top:0;
	 	background: rgba(0,0,0,.8);
      	color: #ffffff;
	  	text-align:center;
      	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
      	font-size: 1.6rem;
      	line-height: 1.6rem;
	}
    li.css a {
    	border-radius: 0;
    }
/*---------------------------*/
	.ourservice, .aboutus, .content, .contact {
		width:100%;
		padding:10% 5% 5% 5%;
		float:left;
	}
	.content, .aboutus {
		padding:0% 5%;
	}
	.contact{
		padding:0% 5%;
		margin-top:20px;
	}
	.aboutus {
		padding:0% 5%;
		margin:5% 0 0 0;
		background-image:url(../img/w_60.png);
	}
	.ourservice h1, .aboutus h1, .content h1, .contact h1 {
		width:100%;
		color:#000000;
		font-size:3rem;
		font-weight:bold;
		padding:10px 0;
		text-align:center;
		text-transform:capitalize;
	}
	.ourservice1 ,.ourservice2{
		width:100%;
		float:left;
		padding:10px 0;
	}
	.content1 , .content2, .contact1 , .contact2 {
		width:100%;
		float:left;
		padding:0 0 5% 0;
	}
	.content1_left , .content1_right {
		width:100%;
		float:left;
		padding:0;
	}
	.content1_right {
		color:#000000;
		font-size:1.6rem;
		line-height:1.6em;
	}
	.content2_left, .content2_right {
		width:100%;
		float:left;
		padding:0;
		line-height:1.6em;
	}
	.ourservice1 li, .ourservice2 li, .content1_right li, .content2_left li {
		width:100%;
		list-style:none;
		color:#047efa;
		font-size:1.8rem;
		font-weight:bold;
		text-transform:uppercase;
		padding:0 0 10px 0;
		float:left;
	}
	.content2_left h2, .content2_left h3 {
		color:#000000;
		font-size:1.6rem;
		font-weight:bold;
		letter-spacing:0.06em;
		float:left;
		vertical-align:middle;
	}
	.content2_left h3 {
		width:100%;
		font-size:1.6rem;
		line-height:1.6em;
		font-weight:bold;
	}
	.content2_left li {
		font-size:1.6rem;
		color:#047efa;
		padding:0;
	}
	.text_service, .text_service li, .text_contact, .text_contact li  {
		width:100%;
		color:#000000;
		font-size:1.6rem;
		line-height:1.6em;
		font-weight:normal;
		float:left;
		padding:20px 0;
		text-transform:none;
	}
	.text_service li {
		padding:0.2em 0;
		list-style-image:url(../img/sq.png);
	}
	.text_contact, .text_contact li {
		color:#777777;
		text-transform:none;
		padding:0.2em 0;
		list-style-image:url(../img/sq_w.png);
	}
	.text_contact li a {
		color:#777777;
		text-decoration:none;
	}
	.text_contact li a:hover {
		color:#ffffff;
	}
	.ourservice1 li img, .ourservice2 li img {
		width:100%;
  		height:170px;
		border:3px solid #aaaaaa;
	}
	.fleft {
		width:20%;
		height:40px;
		margin:1px 0;
		float:left;
	}
	.fright {
		width:80%;
		height:40px;
		margin:1px 0;
		float:left;
		color:#eeeeee;
		font-size:1.8rem;
		line-height:1em;
		letter-spacing:0.05em;
		text-align:left;
		padding:5px 0;
	}
/*---------------------------*/
	.text_service a, .content1_right a, .content2_left a{
		color:#0288fa;
		text-transform:uppercase;
		text-decoration:underline;
	}
	.pic1, .pic2{
		width:100%;
		float:left;
	}
	.pic2 img {
		width:50%;
		height:100px;
		float:left;
	}
	.bb {
		width:150px;
		height:45px;
		font-size:1.8rem;
		text-transform:uppercase;
		border-radius:8px;
		background-color:#01c599;
		color:#FFFFFF;
	}
	.footer {
		width:100%;
		color:#FFFFFF;
		padding:15px 0;
		line-height:1.6em;
		text-align:center;
		background-color:#000000;
		letter-spacing:0.01em;
		float:left;
	}
	.bb:hover {
		background-color:#01af88;
	}
	.video {
		width:100%;
		height:200px;
	}
	.facebook, .gps {
		width:100%;
	}
/*---------------------------*/
.pic_bigger {
	width:100%;
	float:left;
	}
.pic_bigger img {
	height:230px;
	padding:20px 20px 20px 0;
	}
/*---------------------------*/

@media only screen and (min-width: 400px) {
.ourservice1 li img, .ourservice2 li img {
	width:100%;
  	height:200px;
}
	.pic2 img {
		height:120px;
	}
}
@media only screen and (min-width: 500px) {
.ourservice1 li img, .ourservice2 li img {
	width:60%;
  	height:200px;
}
	.pic2 img {
		height:150px;
	}
	.video {
		height:250px;
	}
}
@media only screen and (min-width: 600px) { 
.ourservice1 li, .ourservice2 li {
	width:30%;
}
.text_service {
	width:70%;
}
.ourservice1 li img, .ourservice2 li img {
	width:90%;
  	height:120px;
}
	.content1_left {
		width:35%;
		padding:0 5% 0 0;
	}
	.content1_right {
		width:65%;
	}
	.pic2 img {
		width:46%;
		margin:2% 2%;
	}
	.video {
		height:300px;
	}
}
@media only screen and (min-width: 768px) {
.ourservice {
	padding:5% 2% 0 2%;
}
.content, .contact {
	padding:0% 2% 0 2%;
}
.aboutus {
	width:96%;
	margin:2% 2% 0 2%;
	padding:0% 2%;
}
.ourservice1{
	width:30%;
	margin:0 5% 0 0;
}
.ourservice2{
	width:30%;
	margin:0;
}
.ourservice1 li, .ourservice2 li {
	width:100%;
}
.ourservice1 li img, .ourservice2 li img {
	width:100%;
  	height:140px;
}
.text_service {
	width:100%;
}
.content2_left {
	width:70%;
}
.content2_right {
	width:30%;
}
.pic1 {
	width:60%;
	padding-top:10px;
}
.pic2{
	width:40%;
	padding-top:10px;
}
.pic2 img {
	width:50%;
	height:115px;
	margin:0;
	padding:0 0 10px 10px;
}
.video {
	height:350px;
}
}
@media only screen and (min-width: 900px) {
.ourservice1 li img, .ourservice2 li img {
  	height:170px;
}
	.content1 {
		padding:10px 20px 20px 0;
	}
	.content2 {
		padding:10px 0 20px 0;
	}
	.content2_left h2 {
		font-size:1.8rem;
	}
	.pic2 img{
		height:135px;
	}
	.video {
		height:300px;
	}
	.content2_left {
		width:80%;
	}
	.content2_right {
		width:20%;
	}
	.contact1 , .contact2 {
		width:50%;
		padding:10px;
	}
	.text_contact li {
		width:50%;
	}
}
@media only screen and (min-width: 1100px) {
.ourservice {
	padding:5% 5% 0 5%;
}
.content, .contact {
	padding:0% 5% 0 5%;
}
.aboutus {
	width:90%;
	margin:2% 5% 0 5%;
}
.ourservice1 li img, .ourservice2 li img {
  	height:220px;
}
	.content2_left li {
		font-size:1.8rem;
	}
	.pic2 img{
		height:170px;
		padding:0 0 20px 20px;
	}
	.video {
		height:360px;
	}
	.content1,.content2 {
		width:50%;
	}
}
@media only screen and (min-width: 1300px) {
	.ourservice1 li img, .ourservice2 li img {
		width:100%;
  		height:230px;
	}
	.pic2 img{
		height:190px;
	}
}
@media only screen and (min-width: 1400px) {
.ourservice {
	padding:3% 10% 0 10%;
}
.ourservice1 li img, .ourservice2 li img {
  	height:240px;
}
.content, .contact {
	padding:0% 10% 0 10%;
}
.aboutus {
	width:80%;
	margin:2% 10% 0 10%;
}
	.pic2 img{
		height:170px;
	}
	
}
@media only screen and (min-width: 1600px) {
.ourservice1 li img, .ourservice2 li img {
  	height:250px;
}
	.text_service {
		text-indent: 3em;
	}
	.pic2 img{
		height:190px;
	}
	.video {
		height:400px;
	}
	.content2_left {
		width:75%;
	}
	.content2_right {
		width:25%;
	}
	.pic_bigger img {
		height:250px;
	}
}
@media only screen and (min-width: 1900px) {
.ourservice {
	padding:3% 12% 0 12%;
}
.ourservice1 li img, .ourservice2 li img {
  	height:300px;
}
.content, .contact {
	padding:0% 12% 0 12%;
}
.aboutus {
	width:76%;
	margin:2% 12% 0 12%;
}
	.pic2 img{
		height:220px;
	}
	
}
@media only screen and (min-width: 2000px) {
/*.slider { 
	width:1500px;
	margin:0 auto!important;}*/
.ourservice {
	width:1500px;
	padding:2em 0;
	float:none;
	margin:0 auto;
}
.ourservice1 li img, .ourservice2 li img {
  	height:300px;
}
.content, .contact {
	width:1500px;
	padding:0;
	float:none;
	margin:0 auto;
}
.aboutus {
	width:1500px;
	padding:0;
	float:none;
	margin:0 auto;
	background-image:none;
}
	.pic1 {
		width:850px;
	}
	.pic2{
		width:650px;
	}
	.pic2 img{
		height:230px;
		padding:0 0 30px 10px;
	}
	
}